﻿ul#selectable {
        /*padding: 5px 5px;*/
        list-style-type: none;
        width:100%;
        vertical-align:middle;
    }

#divfilelist {
        max-height: 91%;
        width:100%;
	    max-width:100%;
        /*Если размер больше то создавать скрол*/
        overflow-x: hidden;
        overflow-y: auto;
        vertical-align:middle;
    }

#selectable li {
        background-color: #fff;
        color: black;
        padding: 1px 5px;
        text-decoration: none;
        border-radius: 7px 7px 7px 7px;
        border-bottom: 0px solid #ccc;
        /*align-content: center;*/
        /*height:30px;*/
        display: list-item;
        align-items:center;
        vertical-align: middle;
        
    }

#selectable li a 
{
vertical-align: middle;
display: inline-block;
}

ul#selectable li a img
{
vertical-align: middle;
/*display: inline-block;*/
padding:7px;

        
}

/*Наведение на папку\файл*/
ul#selectable li:hover 
{
background-color: #faa970;


}

ul#selectable li:hover > .downloadfolder, li:hover > .downloadfile, li:hover > .share, li:hover > .deleteFolder, li:hover> .deleteFile, li:hover>.editimg, li:hover> a img, li:hover> .editFolder, li:hover>.editFile
{
visibility:visible;

}


#selectable a 
{
    color: black;
    text-decoration: none;
}

#selectable a:visited 
{
color: black;
}

#selectable a:hover 
{
color: black;
font-weight: 700;
}

div #mainpartialview 
{
/*margin: 0px;
padding: 0px;*/
/*min-width: 100%;*/
}




    /*Для Jquery UI*/
    #selectable .ui-selecting {
       background: #fc9246;
    
      }

    #selectable .ui-selected {
        background: #fc9246;
       
    }


    #feedback {
        font-size: 1.4em;
    }



/*#selectable  .ui-selected > .downloadfile, .ui-selected >.downloadfolder, .ui-selected > .share, .ui-selected > .deleteFolder, .ui-selected > .deleteFile
{
visibility:visible;
}*/

    



.apriboxparentfolder
{
color: green;
padding: 2px 2px 2px;
font-size: 15px;
font-weight: 500;
border-right: 1px solid #faa970;
border-bottom-right-radius:10%;
border-top-right-radius:10%;
}

.apriboxparentfolder:hover 
{
background-color: #fea96f;
font-weight: 600;
cursor: pointer;
}


#CurrentFolder
{
    margin-top:10px;
    margin-bottom:10px;
color: #ff6a00;
font-weight: 500;
}


.downloadfolder, .downloadfile, .share, .deleteFolder, .deleteFile, .editFolder, .editFile
{
  border:medium none;
  cursor:pointer;
  display:inline-block;
  height:100%;
  margin-left:10px;
  margin-right:10px;
  margin-top:5px;
  margin-bottom:5px;
  padding:4px 4px 4px 4px;
  visibility:hidden;
  vertical-align:middle;
  float:right;
}




/*Для Попа окошка*/
*{
    font-family: Areal;
}
.b-container{
    width:300px;
    height:200px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.b-popup .b-popup-content{
    /*margin:40px auto 0px auto;*/
    margin:20% 35%;
    width:600px;
    height: 150px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

#sharedtext1, #sharedtext2{
width:550px;
height:30px;

}

/*Свитчер-Переключатель в модальном ой попап окошке*/
/*.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #2E8DEF; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #CCCCCC; color: #333333;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 25px; margin: 0px;
    background: #000000;
    position: absolute; top: 0; bottom: 0; right: 65px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}*/


.share, .downloadfolder, .downloadfile, .deleteFolder, .deleteFile
{
    background:none;
}

.downloadfolder:hover, .downloadfile:hover, .share:hover, .deleteFolder:hover, .deleteFile:hover, .editFolder:hover, .editFile:hover
{
  
  cursor:pointer;
  display:inline-block;
  height:100%;
  margin-left:10px;
  margin-right:10px;
  margin-top:2px;
  margin-bottom:2px;
  padding:4px 4px 4px 4px;
  vertical-align:middle;
  float:right;
}


#popup, #popup1
{
     display:none;
    border:medium;
    color:aqua;
    border-color:red;

}

#sharedlink
{
    width:515px;
    
}




#statusfile {

background: linear-gradient(to right, green 50%, orange 60%);

  width: 250px;
  height: 21px;
  border: 1px solid #aaa;
}   